<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="jdl 编辑器">
        <meta name="authors" content="Deepu KS">
        <!-- Chrome, Firefox OS and Opera -->
        <meta name="theme-color" content="#282C34">
        <!-- Windows Phone -->
        <meta name="msapplication-navbutton-color" content="#282C34">
        <!-- iOS Safari -->
        <meta name="apple-mobile-web-app-status-bar-style" content="#282C34">
        <title>JDL-Studio</title>
        <link rel="stylesheet" href="main-5ecfae8f8d.css">
        <link rel="shortcut icon" href="favicon.ico">
    </head>
    <body ng-app="jdlStudio" ng-controller="workspaceController as app" ng-cloak>
        <div class="wrap">
            <header>
                <div class="tools left">
                    <a href="www.youngboy.vip" title="JHipster website" target="_blank">
                        <img class="jhi-logo" src="logo-jhipster.png">
                    </a>
                    <a class="logo" href="javascript:void(0)" ng-click="app.toggleSidebar('about')" title="About JDL-Studio">
                        <h1>JDL-Studio</h1> &nbsp;
                    </a>
                </div>
                <div class="tools">
                    <a href="javascript:void(0)" title="Logged in as" ng-show="app.authenticated">
          {{app.username}}
        </a>
                    <a href="javascript:void(0)" title="Use existing JDL" ng-show="app.authenticated">
                        <select ng-model="app.jdlId" ng-change="app.changeJdl()">
                            <option value="">&lt;创建新的JDL&gt;</option>
                            <option ng-repeat="option in app.jdls" ng-value="option.id">{{option.name}}</option>
                        </select>
                    </a>
                    <a href="javascript:void(0)" title="Save JDL" ng-click="app.confirmCreateNewJdl()" ng-show="app.authenticated && !app.startLoadingFlag">
                        <i class="lnr lnr-file-add"></i>
                    </a>
                    <a ng-show="app.authenticated && app.startLoadingFlag">
                        <i class="lnr lnr-sync"></i>
                    </a>
                    <a href="javascript:void(0)" ng-click="app.goToManageJdls()" title="Manage JDLs" ng-show="app.authenticated">
                        <i class="lnr lnr-cog"></i>
                    </a>
                    <a href="javascript:void(0)" ng-click="app.toggleSidebar('about')" title="关于 JDL-Studio">
                        <i class="lnr lnr-question-circle"></i>
                    </a>
                    <a href="javascript:void(0)" ng-click="app.toggleSidebar('reference')" title="Language reference">
                        <i class="lnr lnr-book"></i>
                    </a>
                    <a id="savebutton" href="javascript:void(0)" download="jdl.png" title="下载当前图片">
                        <i class="lnr lnr-camera"></i>
                    </a>
                    <a id="saveTextbutton" href="javascript:void(0)" download="jdl.jh" title="下载jdl文件">
                        <i class="lnr lnr-download"></i>
                    </a>
                    <a id="uploadbutton" class="upload-dialog" href="#upload-dialog" title="导入jdl文件">
                        <i class="lnr lnr-upload"></i>
                    </a>
                    <a href="javascript:void(0)" ng-click="app.confirmDiscardCurrentGraph()" title="关闭jdl文件">
                        <i class="lnr lnr-trash"></i>
                    </a>
                    <span id="tooltip"></span>
                    <span id="storage-status" ng-show="app.showStorageStatus" ng-cloak>
					View mode, 修改没有保存.
					
                        <a href="javascript:void(0)" ng-click="app.saveViewModeToStorage()"
					   title="Save this diagram to localStorage">save</a>
                        <a href="javascript:void(0)" ng-click="app.exitViewMode()"
					   title="Discard this diagram">close</a>
                    </span>
                    <div class="canvas-tools" id="canvas-tools">
                        <a href="javascript:void(0)" ng-click="app.magnifyViewport(2)" title="Zoom in">
                            <i class="lnr lnr-plus-circle"></i>
                        </a>
                        <a href="javascript:void(0)" ng-click="app.resetViewport()" title="Reset zoom and panning">
                            <i class="lnr lnr-frame-contract"></i>
                        </a>
                        <a href="javascript:void(0)" ng-click="app.magnifyViewport(-2)" title="Zoom out">
                            <i class="lnr lnr-circle-minus"></i>
                        </a>
                    </div>
                </div>
            </header>
            <!-- canvas holding the UML diagram-->
            <canvas id="canvas"></canvas>
            <!-- Text area used by code mirror editor-->
            <textarea id="textarea" jdl-editor="{ onLoad : app.editorLoaded }" ng-model="app.jdlText" spellcheck="false"></textarea>
            <!-- editor line number, error markers-->
            <div id="linenumbers" ng-class="{error: app.hasError}"></div>
            <div id="linemarker" ng-style="{'top': app.lineMarkerTop}"></div>
            <span id="error-tooltip" ng-cloak>{{ app.errorTooltip }}</span>
            <!-- canvas pan/zomm handler-->
            <div id="canvas-panner"></div>
            <!-- sidebar -->
            <div ng-include="app.sidebar" id="sidebar" class="sidebar {{app.sidebarVisible}}"></div>
        </div>
        <div id="discard-dialog" class="mag-dialog zoom-anim-dialog mfp-hide">
            <h1>Discard</h1>
            <p>Do you want to discard current diagram and load the default example?</p>
            <button class="btn" ng-click="app.discardCurrentGraph()">Yes</button>
            <button class="btn" ng-click="app.dismissDialog()">No</button>
        </div>
        <div id="upload-dialog" class="mag-dialog zoom-anim-dialog mfp-hide">
            <h1>Import JDL</h1>
            <p>Select a 
                <code>.jh</code> or
                <code>.txt</code> file
            </p>
            <input class="upload" accept=".jh,.txt" type="file" id="jdlFileInput" />
            <br>
            <button class="btn" ng-click="app.importJDL()">Import</button>
            <button class="btn" ng-click="app.dismissDialog()">Dismiss</button>
        </div>
        <div id="create-dialog" class="mag-dialog zoom-anim-dialog mfp-hide">
            <h1>Save a new JDL Model</h1>
            <p>Please give a name to your new JDL Model:</p>
            <p>
                <input type="text" ng-model="app.newJdlModelName" minlength="1" value="" placeholder="New JDL Model"/>
                <br>
    
            </p>
            <button class="btn" ng-click="app.doCreateJdl()">Save</button>
            <button class="btn" ng-click="app.dismissCreateNewJdl()">Cancel</button>
        </div>
        <script>
	// temp hack to use jdl parser from jhipster-core
	var module = module || {};
	</script>
        <script src="main-9bbe4e5d65.js"></script>
    </body>
</html>